<template>
    <div class="container">
        <img class="top" src="/src/assets/大屏image素材/标题/title_border2.png">
        <h1>智慧武汉可视化平台</h1>
        <img class="bottom" src="/src/assets/大屏image素材/标题/mainbottom.png">
    </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
.container {
    z-index: 1000;

    .top {
        width: 100vw;
        height: 80px;
        opacity: 0.8;
        width: 100vw;
        height: 80px;
        opacity: 0.8;
    }

    h1 {
        position: fixed;
        top: 2%;
        left: 44%;
        color: white;

    }

    .bottom {
        width: 100vw;
        height: 80px;
        position: fixed;
        bottom: 0;
    }
}
</style>
